<%-- 
    Document   : VentanaValida
    Created on : 16-nov-2013, 12:54:15
    Author     : Administrador
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Acceso al Sistema</title>

        <link href="css/bootstrap.css" rel="stylesheet">
        <script src="js/jquery-1.8.2.js"></script>
        <script src="js/jquery-ui-1.9.1.custom.js"></script>
        <script src="js/bootstrap.js"></script>

        <script type="text/javascript">
  
            function conectar() {
                var mensajesError = "";
                //alert('Entro a guardar');
        
        
                if (document.getElementById("txtUsuario").value == "") {
                    mensajesError += "- Debe ingresar un valor para el campo Usuario.\r\n";
                }
	
                if (document.getElementById("txtPwd").value == "") {
                    mensajesError += "- Debe ingresar un valor para el campo Contraseña.\r\n";
                }
        
        
                if (mensajesError != "") {
                    alert(mensajesError);
	 
                    //return false;
                }
                else{
                    //document.forms[0].elements["tipo_operacion"].value = "nuevo";
                    document.forms[0].submit();
            
                    //document.frmUsuarioNuevo.submit();
                    //return true;    
                }
        
            }
  
            function cancelar() {
                //document.forms[0].elements["tipo_operacion"].value = "";
                document.forms[0].elements["txtPwd"].value = ""
                document.forms[0].elements["txtUsuario"].value = ""
                //return true;
            }
  
            function bienvenida(){
                alert('hola');
            }
  
        </script>     

    </head>

    <body style="background-color:whitesmoke">

        <html:form  action="ventanaValida" method="POST"  >

            <table border="1"  cellpadding="0" cellspacing="0" style="background-color:whitesmoke; text-align:center">

                <tr><td colspan="3" style="height:10px;"></td></tr>
                <tr>
                    <td></td>
                    <td align="center">
                        <table border="0" style=" background-color: whitesmoke;width: 850px; height: 382px;  border:solid 1px #D41301;">

                            <tr>
                                <td colspan="3" align="left" >
                                    <table style="background-color:#255ED9;  WIDTH: 100%" border=0 
                                           cellSpacing=0 cellPadding=0>
                                        <tbody>
                                            <tr>
                                                <TD rowSpan=3 align=left style="height: 30px" >
                                                    <img src="img/school.jpeg">

                                                </TD>
                                                <td style=" text-align:center; color:whitesmoke; font-style:normal; font-size: medium;
                                                    font-weight: bold;font-family: Arial, Helvetica, sans-serif;  " colspan="3" >
                                                    INGRESO DE USUARIOS AL SISTEMA DE COLEGIO</td>
                                            </TR>
                                        </tbody>
                                    </table>    

                            <tr>

                                <td style="width: 850px; height: 100%;" align="center" valign="middle">

                                    <table >   
                                        <tr>
                                            <td>
                                                <!--   <tr>
                                                    <td align="left" colspan="12">
                                                -->  
                                                <fieldset>

                                                    <div> 
                                                        <!--   <span>Codigo Rol actualizandose :</span>
                                                        -->
                                                    </div>   

                                                    <div> 
                                                        <!--   <span>Nombre de Rol actualizandose :</span>
                                                        -->
                                                    </div>         


                                                    <div >
                                                        <label class="control-label" for="rol">Usuario:</label>
                                                        <div >
                                                            <input class="input-large" type="text" id="txtUsuario" name="txtUsuario" >
                                                            <html:text property="usuario.codigoUsuario" styleClass="input-xlarge" />
                                                        </div>
                                                    </div>

                                                    <div >
                                                        <label class="control-label" for="rol">Contraseña:</label>
                                                        <div >
                                                            <input class="input-large" type="password" id="txtPwd" name="txtPwd" >
                                                            <html:password  property="usuario.clave" styleClass="input-xlarge" />
                                                        </div>
                                                    </div>            


                                                    <div>
                                                        <button type="button" class="btn btn-primary" onclick="javascript:conectar();">Conectarse</button>
                                                        <button type="button" class="btn" onclick="javascript:cancelar();">Cancelar</button>   
                                                    </div> 
                                                </fieldset>



                                            </td>
                                        </tr>
                                    </table>


                            <tr><td colspan="3" style="height:10px;"></td></tr>
                            <tr id="trDetalle" runat="server">
                            </tr>
                            <tr>
                                <td colspan="3" class="LineaRoja"></td>
                            </tr>            
                            <tr>
                                <td colspan="3" class="TextoFuente"><center>UCSUR-Taller de Programación 2013-05 
                            </center></td>
                </tr> 
            </table>
        </td>
    </tr>
</table>
</html:form>

</body>
</html>
